﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>昆明泛亚危机，昆明泛亚风波</title>
<link rel="stylesheet" type="text/css" href="resources/css/easyui.css">   
<link rel="stylesheet" type="text/css" href="resources/css/icon.css">  

<style>
 body{
	padding: 0;
	margin:0;
	font-family: 'Ubuntu', sans-serif;
	font-family: Simsun;
 }
 div a.nav_link{
      float: left;
	  color: #fff;
	  font-size: 16px;
	  padding: 0 25px;
	  position: relative;
	  text-decoration: none;
	  line-height:40px;
	  border-left:1px solid #ddd;
 }
 div.item-title{
   background:#AAAAAA;
   height:30px;
   font-weight:bolder;
   width:96%;
   margin-left:2%;
   font-size:13px;
   margin-top:4px;
   margin-bottom:4px;
   line-height:30px;
 }
 div.item-content{
   min-height:250px;
   width:96%;
   margin-left:2%;
 }
  
a{
 text-decoration:none;
 color:#0066FF;
}

p{
  color:#525252;
  font-size:12px;
}

.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:80%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	font-weight:bold;
	font-size:13px;
	color:#444444; 
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px; 
	margin-top:10px;
	line-height:12px;
	color:#ffffff; 
	background:#666666;
	border: #444444 1px solid ;
	padding:2px; 
}

.skill-vote-button {
	position:absolute;
	right: -50px;
	top:0;
	font-size:11px; 
	margin-top:7px;
	line-height:12px;
	color:#444444; 
	background:#99FF99;
	border: #66FF66 1px solid ;
	padding:4px; 
	cursor:pointer;
}

td.top{
    vertical-align: top;
}
.fontsm {
  font-family: Simsun;
}

.col1{
  width:25%;
  font-size:13px;
  text-align:center;
  display:inline-block;
}
.col2{
  width:25%;
  font-size:13px;
  text-align:center;
   display:inline-block;
}
.col3{
  width:25%;
  font-size:13px;
  text-align:center;
   display:inline-block;
}
.col4{
  width:10%;
  font-size:13px;
  text-align:center;
   display:inline-block;
}
dd.odd{
   margin-left: 0px;
}
dd.even{
   background:rgb(246,244,243);
   margin-left: 0px;
}
div.new_item{
display:inline-block;
font-family:'微软雅黑';

}
</style>
</head>
<body>

	<div style="width:1000px;margin:auto auto;background:#ddd;height:100px;background:url('resources/img/banner.jpg')">
	
	</div>
	<div style="width:100%;background:#444444;height:40px">
	   <div style="width:1000px;margin:auto auto;color:white">
			<a href="index.html" class="nav_link"> 首页 </a> 
			<a href="liuyan.html" class="nav_link">留言板</a> 
			<a href="news.html" class="nav_link">重要新闻</a> 
			<a href="kunming.html" class="nav_link">昆明前线</a>
			<a href="uncle.html" class="nav_link">上海叔叔</a>
			<a href="weiquan.html" class="nav_link">倡导维权</a>
			<a href="media.html" class="nav_link">媒体报道</a>
			<a href="office.html" class="nav_link">泛亚公告</a>
			<a href="lookback.html" class="nav_link" style="border-right:1px solid #ddd;">危机回顾</a>
	   </div>
	</div>
	<div style="width:1000px;margin:auto auto;background:#FFFAFA;min-height:500px;">
	    <div style="width:100%">
	         <MARQUEE scrollAmount=4 direction=left onmouseover="this.stop()" onmouseout="this.start()" style="margin-top: 10px;font-family:'微软雅黑','宋体'">访问声明: 网站用于团结所有泛友，理性维权，防止不法利益团体抹去证据，或买通大型平台。 所有信息均来自投资人认真收集，不代表站长本人观点。站长也是一位泛亚投资者，但不属于任何利益团体，不拿一分钱，倒贴建站，只为坚持正义。</MARQUEE>
	    </div>
		<table style="width:100%;">
		    <tr style="width:100%;">
			   <td class="top" style="width:50%;">
			     <div class="item-title">&nbsp;有色金属价格</div>
				 <div class="item-content fontsm"  >
						   <dd class="odd" style="font-weight:bolder">
						      <div class="col1">货物名称</div> <div class="col2">泛亚挂牌价</div> <div class="col3">市场挂牌价</div><div class="col4">单位</div>
						   </dd>
						   <dd class="even">
						      <div class="col1">铟(IN)</div> <div class="col2">740</div> <div class="col3">180</div><div class="col4">￥/100g</div>
						   </dd>
						   <dd class="odd">
						      <div class="col1">锗(GE)</div> <div class="col2">1988</div> <div class="col3">900</div><div class="col4">￥/100g</div>
						   </dd>
						   <dd class="even">
						      <div class="col1">电积钴(CO)</div> <div class="col2">155</div> <div class="col3">59.5</div><div class="col4">￥/kg</div>
						   </dd>
						   <dd class="odd">
						      <div class="col1">仲钨酸铵(APT)</div> <div class="col2">257.60</div> <div class="col3">158.77</div><div class="col4">￥/10kg</div>
						   </dd>
						   <dd class="even">
						      <div class="col1">铋(BI)</div> <div class="col2">1646</div> <div class="col3">690</div><div class="col4">￥/10kg</div>
						   </dd>
						   <dd class="odd">
						      <div class="col1">金属镓(GA)</div> <div class="col2">892</div> <div class="col3">890</div><div class="col4">￥/kg</div>
						   </dd>
						   <dd class="even">
						      <div class="col1">白银(AG)</div> <div class="col2">4000</div> <div class="col3">3387</div><div class="col4">￥/15kg</div>
						   </dd>
						    <dd class="odd">
						      <div class="col1">锑锭(SB)</div> <div class="col2">83</div> <div class="col3">44</div><div class="col4">￥/kg</div>
						   </dd>
						   <dd class="even">
						      <div class="col1">碲(TE)</div> <div class="col2">780</div> <div class="col3">360</div><div class="col4">￥/kg</div>
						   </dd>
						   <dd class="odd">
						      <div class="col1">硒粉(SE)</div> <div class="col2">125.6</div> <div class="col3">59.5</div><div class="col4">￥/kg</div>
						   </dd>
						   <dd class="even">
						      <div class="col1">铑(RH)</div> <div class="col2">125</div> <div class="col3">185</div><div class="col4">￥/g</div>
						   </dd>
						    <dd class="odd">
						      <div class="col1">氧化镝(DYO)</div> <div class="col2">1340</div> <div class="col3">1214</div><div class="col4">￥/kg</div>
						   </dd>
						   <dd class="even">
						      <div class="col1">氧化铽(TBO)</div> <div class="col2">1710</div> <div class="col3">2450</div><div class="col4">￥/kg</div>
						   </dd>
						    <dd class="odd">
						      <div class="col1">五氧化二钒(VP)</div> <div class="col2">38.2</div> <div class="col3">56</div><div class="col4">￥/kg</div>
						   </dd>
						   <dd style="margin-top:8px;margin-left:0px;font-size:12px;font-weight:bolder;color:#666666">注:所有市场挂牌价均来自于“中国选矿网”、“和讯期货”等主流稀土期货网站。
						   </dd>
							  
				 </div>
			   </td>
			   <td class="top" style="width:50%;" >
			     <div class="item-title"> &nbsp;意见投票</div>
				 <div class="item-content" id="vote-content"> 
				     
				 </div>
			   </td>
			</tr>
			<tr>
			   <td colspan="2" >
					 <div class="item-title">&nbsp;最新动向</div>
					 <div class="item-content" id="news_nav" style="font-size:20px;">
					 		<div style="margin-top:10px;padding-bottom:10px;border-bottom:1px solid #888888;">
					 		   <div class="new_item" style="width:15%">Loading...</div>
					 		   <div class="new_item" style="width:15%">Loading...</div>
					 		   <div class="new_item" style="width:65%"><a href="">Loading...</a></div>
					 		   <div  style="margin-left:20px;color:#888888;font-size:15px;margin-top:8px;padding-top:5px;border-top:1px solid #DDDDDD">Loading...</div>
					 		</div>
					 </div>
			   </td>
			</tr>
			
		</table>
		<div  style="width:100%;text-align:center;border-top:1px solid #333;height:70px;padding-top: 10px;"> 
						<font  style="margin-top: 10px;font-size:15px; font-family:'微软雅黑','宋体'">访问声明: 网站用于团结所有泛友，理性维权，防止不法利益团体抹去证据，或买通大型平台。 所有信息均来自投资人认真收集，不代表站长本人观点。站长也是一位泛亚投资者，但不属于任何利益团体，不拿一分钱，倒贴建站，只为坚持正义。</font>
		</div>
	</div>
	
	<script type="text/javascript" src='resources/js/jquery.js'></script>
	<script type="text/javascript" src='resources/js/jquery.easyui.min.js'></script>
	<script type="text/javascript">
	function execute_vote(picknum)
	{ 
		var flag = 0;
		setTimeout(function(){
			if(flag == 0)
		  		 $.messager.alert('泛亚前线','请检查你的网络设置!!','error'); 
		   return;
		}, 3000);// 3s
		vote(picknum);
		flag = 1;
	}
	
	function vote(picknum)
	{
	    $.getJSON("vote/vote",{value:picknum,whichvote:1},function(data){
			if(data.result == true)
			{
				 $.messager.alert('泛亚前线','投票成功!!','info'); 	
				 exec_getvote();
			}
			else
			{
				 $.messager.alert('泛亚前线','请勿重复投票!!','info'); 	
			}
		});   
	}
	
	function exec_getvote()
	{ 
		var flag = 0;
		setTimeout(function(){
			  if(flag == 0)
			   $.messager.alert('泛亚前线','请检查你的网络设置!!','error'); 
			   return;
			}, 3000);// 3s
		getvote();
		flag = 1;
	}
	
	function getvote()
	{
		 $.getJSON("vote/result",function(data){
				
			 var innerHtml = "<div style=\"font-family:'微软雅黑';font-size:18px;line-height:50px;font-weight:bolder;\" id=\"vote_theme\"> 昆明泛亚有色交易所未来形势预测 </div>";
			 $.each(data,function(i,item){
				 innerHtml += "<div class='skillbar clearfix' data-percent='"+item.percent+"'>";
				 innerHtml += "<div class='skillbar-title' ><span>"+item.desc+"</span></div>";	 
				 innerHtml += "<div class='skillbar-bar' style='background:#7FFF00;'></div>";
			     innerHtml += "<div class='skill-bar-percent'>"+item.percent+"</div>";
			     innerHtml += "<div class='skill-vote-button' onclick='execute_vote("+item.value+")'> 投票 </div>";
				 innerHtml += "</div>";
			 });   
				 
			 innerHtml += "<dd style='margin-top:8px;margin-left:0px;font-size:12px;font-weight:bolder;color:#666666'>  注:投票选项和投票结果均代表网民意见，不属于本网站观点。<br>（投票后刷新查看最新结果。） </dd>";
		 	  
			 var voteDiv = document.getElementById("vote-content");
			 voteDiv.innerHTML= innerHtml;
			 
			 $('.skillbar').each(function(){
					$(this).find('.skillbar-bar').animate({
						width:$(this).attr('data-percent')
					},1000);
			 });
			 
		 }); 
		
	}
	
	function exec_getlatest()
	{ 
		var flag = 0;
		setTimeout(function(){
			  if(flag == 0)
			   $.messager.alert('泛亚前线','请检查你的网络设置!!','error'); 
			   return;
			}, 3000);// 3s
			getlatest();
		flag = 1;
	}
	
	function getlatest()
	{
		$.getJSON("news/getlatest",function(data){
			 
			if(data.success == true)
			{ 
				 var innerHtml = "<div style=\"margin-top:10px;padding-bottom:10px;border-bottom:1px solid #888888;\">";
				 $.each(data.result,function(i,item){ 
					 innerHtml += "<div class=\"new_item\" style=\"width:10%;text-align:left\">"+item.typeName+"</div>";
					 innerHtml += "<div class=\"new_item\" style=\"width:15%;text-align:center;font-size:18px;\">"+item.issueDate+"</div>";	 
					 var how = ""; 
					 if(item.how =="利好")
					 {
						  how ="<font style=\"color:red\">["+item.how+"]</font>";
				 	 }
					 else if(item.how=="利空")
					 {
						  how ="<font style=\"color:green\">["+item.how+"]</font>"; 
					 }
					 if(item.weight>0)
					 {
						 how += "<font style=\"color:red\">[置顶]</font>";
					 }
					 innerHtml += "<div class=\"new_item\" style=\"width:65%;padding-left:20px;\"><a href=\"news/show?sourceId="+item.id+"\">"+how+item.title+"</a></div>";
				     innerHtml += " <div  style=\"margin-left:20px;color:#888888;font-size:15px;margin-top:8px;padding-top:5px;margin-bottom:5px;border-top:1px solid #DDDDDD\">"+item.comment+"</div>";
				     
				 }); 
				 innerHtml += "</div>";
				 var newsDiv = document.getElementById("news_nav");
				 newsDiv.innerHTML= innerHtml;
			}  
	 		  
		 }); 
	}
	
/* 	function exec_getfanrong()
	{ 
		var flag = 0;
		setTimeout(function(){
			  if(flag == 0)
			   $.messager.alert('泛亚前线','请检查你的网络设置!!','error'); 
			   return;
			}, 3000);// 3s
			getfanrong();
		flag = 1;
	} */
	
	/* function getfanrong()
	{
		var count = 0;
		var amount =0;
		fanrongRequest("http://www.efanrong.com/plus/hqzf.php?islist=3&id=1",function(data){
			 
			 count = data.tables.list.rows[1];
	 		 amount = data.tables.list.rows[2];
		 }); 
		
		fanrongRequest("http://www.efanrong.com/plus/hqzf.php?islist=3&id=2",function(data){
			 
			 count += data.tables.list.rows[1];
	 		 amount += data.tables.list.rows[2];
		 }); 
		
		
	   var innerHtml = "";
	   innerHtml += count+","+amount;
	   var fanrongDiv = document.getElementById("fanrong");
	   fanrongDiv.innerHTML= innerHtml;
	} */
	
	$(document).ready(function(){
		exec_getvote();
		exec_getlatest();
		//`exec_getfanrong();
	});
	
/* 	
	function fanrongRequest(requestUrl, success_exec )
	{
		 $.ajax({
             type: "GET",
             url: requestUrl,
             dataType: 'JSONP',
             dataFilter:
            	 function(data, type){
                  
                 return data;
             },
             success: function(result) {
            	 success_exec(result)
             }  
         });
	} */
	
	</script>
	<script src="http://s4.cnzz.com/z_stat.php?id=1256444775&web_id=1256444775" language="JavaScript"></script>
</body>
</html>